<template>
	<view class="content-box">
		<view class="fixed">
			<view class="content1">
				<Head></Head>
			</view>
			<view class="content2">
				<Banner></Banner>
			</view>
		</view>
		<view>
			<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="500" class="swiper-box" :style="{'height':swiperHeight+'px'}">

				<swiper-item>
					<view class="swiper-item box1">
						<view style="opacity: 0;">
						            <text>OXFORD SIXTH FORM COLLEGE</text>
						            <text>牛津学院</text>
						
						          </view>
						          <view style="opacity: 0;">
						            <text>An independent college specialising in A-level and GCSE tuition</text>
						            <text>专注于提供A-Level和GCSE课程的私立学院</text>
						          </view>
						<view class="sanjiao">
							<view>
								<image src="../../static/down.png" mode="widthFix" class="down-jiantou">
							</view>
						</view>
					</view>
				</swiper-item>
			</swiper>
			
			
			<view class="mid" >
			      <image src="../../static/oxsfc/logo-OTC.jpg" mode="widthFix" class="logo-img" >
			    </view>
			    <view class="mid">
			
			      <view>
			        <p><span>牛津学院</span>是一所免试入学的走读寄宿混合制私立Six
			                  Form学院，招收15至19岁学生，专注于提供A-Level、GCSE、BTEC和NCUK课程。学院成立于1988年，现已成为英国顶尖的辅导学院之一。</p>
			                <p>它位于学术氛围浓厚的牛津城中心，拥有优秀的导师，学习环境极佳。与主流学校相比，牛津学院课程更具灵活性，提供涵盖A-Level、GCSE和BTEC考试科目的30多门学科课程。</p>
			                <p>对于希望提高成绩的学生，学院还提供专门的复习课程，确保在合适的环境下，学生有机会提高成绩，并在一流大学获得一席之地。</p>
			     
			        <p>我们凭借独具特色且卓有成效的办学宗旨和卓越的教学质量赢得了极高的声誉。2020年，我们的学生取得了优异的成绩，65%的A-Level课程学生获得了A*或A的好成绩；68%的GCSE 课程学生成绩在7-9分之间（优秀）；62%的IGCSE课程学生成绩在7-9分之间（优秀）。</p>
			        <p>2019年，德欧中学连续第三年在A-Level考试中取得进步，被评为牛津郡顶尖学校，在英格兰排名前1%，帮助我们Six Form学院的学生取得了显著的学业进步。</p>
			      </view>
						<view>
							<p ><span>牛津学院成果简介：</span></p>
							        <ul>
							          <li>2019年，学院学生被剑桥大学、杜伦大学、伦敦大学学院等众多英国名校录取；</li>
							          <li>70%学生被第一志愿大学录取；</li>
							          <li>2019年，96%的BTEC课程学生成绩达到优秀或优秀*（相当于A-Level的A-A*）；</li>
							          <li>A-Level课程班级平均人数4人；</li>
							          <li>半数以上导师毕业于牛津和剑桥大学；</li>
							          <li>教学、学习和评估质量被英国教育标准办公室评级为“优秀”；</li>
							          <li>42%学生来自英国本土。</li>
							        </ul>
						</view>
			    </view>
			    <view class="fangwen">
			      <a href="https://www.doverbroecks.com/" target="_blank">访问我们的网站</a>
			    </view>
			<div class="map">
			      <div>
			        <div>
			          <img src="../../static/biaoji.png" alt="" class="biaoji-size">
			        </div>
			        <div>
			          <span><strong style="font-size: 18px;line-height: 32px">联系方式</strong></span>
			          <span style="margin-bottom: 20px;"><strong style="font-size: 18px;">牛津学院</strong></span>
			          <span>Oxford Sixth Form College</span>
			          <span>12 King Edward Street</span>
			          <span>Oxford, OX1 4HT</span>
			          <span>邮箱： info@oxfordsixthformcollege.com</span>
			<!--          <span>info@oxcoll.com</span>-->
			        </div>
			      </div>
			    </div>
		</view>
		<Foot></Foot>
	</view>
</template>

<script>
	import Head from '@/components/head.vue'
	import Banner from '@/components/banner.vue'
	import Foot from '@/components/foot.vue'
	export default {
		components: {
			Head,
			Banner,
			Foot
		},
		data() {
			return {
				swiperHeight: 0,
			};
		},
		onLoad() {
			let H = window.innerHeight
			let W = window.innerWidth
this.swiperHeight = H
			/* if (W > 750) {
				
			} else {
				this.swiperHeight = 300
			} */
		}
	}
</script>

<style lang="scss" scoped>
	@import url("../../css/zhongxue.css");

	.box1 {
		background: url("../../static/oxsfc/oxsfc-5.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.logo-img{
		width: 20%;display: block;
		margin-left: 30px;
	}
	.mid{
		padding-left: 60px;
	    margin: 40px auto 40px auto;
	    max-width: 1200px;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    font-size: 17px;
	    line-height: 36px;
	    view{
	      flex: 1;
	      width: 50%;
	      margin: 0 30px;
	      display: flex;
	      flex-direction: column;
	      p{
					line-height: 36px;
					// margin: 25px 0;
					margin-bottom: 25px;
	        span{
	          font-weight: bold;
	        }
	      }
	      ul{
	        display: flex;
	        flex-direction: column;
	        li{
	          // margin-bottom: 15px;
	        }
	      }
	    }
	  }
	  .fangwen{
	    text-align: center;
	    margin: 50px auto 150px auto;
	    a{
	      padding: 18px 26px;
	      background: #303030;
	      color: #fff;
	      text-decoration: none;
	      transition: all 0.3s ease;
	    }
	    a:hover{
	      background: #3281c4;
	    }
	  }
		ul{
			margin-bottom: 20px;
		}
		ul,li{
			list-style: none;
			padding: 0;
		}
		.map {
		    padding: 45px 0 90px 0;
		    background: url("../../static/oic/map_bg.jpg") no-repeat center center;
		    background-size: 100% auto;
		  }
		
		  .map > div {
		    max-width: 800px;
		    margin: 0 auto;
		    background: #fff;
		    padding: 30px 25px 30px 30px;
		    display: flex;
		    flex-direction: row;
		
		    div:nth-of-type(1) {
		      margin-right: 20px;
		
		      .biaoji-size {
		        display: block;
		        width: 60px;
		      }
		    }
		
		    div:nth-of-type(2) {
		      display: flex;
		      flex-direction: column;
		      padding-bottom: 70px;
		
		      span {
		        margin-bottom: 15px;
		      }
		    }
		  }
		@media screen and (max-width: 750px){
			.mid{
				padding-left: 0px;
				flex-direction: column;
				align-items: center;
				font-size: 15px;
				view{
					width: 90%;
				}
			}
			.logo-img{
				width: 70%;display: block;
				margin: 0 auto;
			}
			.sanjiao{
				// display: none;
			}
			.fangwen{
				margin: 0 auto;
			}
		}
</style>
